import Canvas from './Canvas';
import Slider from './Views/Slider';

let canvas = new Canvas(document.getElementById('canvas'));
canvas.render();

let overlay = document.getElementById('overlay');

let angleSilder = new Slider(0, "Angle value", 0, 360, function(value) {
    canvas.twistTriangle(parseInt(value));
});
angleSilder.appendTo(overlay);

let subDivisionSilder = new Slider(0, "Triangle subdivision value", 0, 8, function(value) {
    canvas.divideTriangle(parseInt(value));
});
subDivisionSilder.appendTo(overlay);
